<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML新增元素</title>
    </head>
    <body>
        <form>
            用户名：<input type="text" name="username" placeholder="请输入用户名" required><br>
            电子邮箱：<input type="email" name="email"><br>
            个人主页：<input type="url" name="url"><br>
            年龄：<input type="number" name="age" min="1" max="150" setp="1"><br>
            滑动条：<input type="range" name="range" min="1" max="50" setp="2" value="10"><br>
            <fieldset>
                <legend>日期相关控件</legend>
                日期框：<input type="date" name="date"><br>      
                年月框：<input type="month" name="month"><br>
                年周框：<input type="week" name="week"><br>
                时间框：<input type="time" name="time"><br>
                年月日时间框：<input type="datetime" name="datetime"><br>
                年月日时间框本地：<input type="datetime-local" name="local"><br>
            </fieldset>
            颜色选择：<input type="color" name="color"><br>
            城市：<input type="text" name="city" list="citylist">
                <datalist id="citylist">
                    <option>北京</option>
                    <option>上海</option>
                    <option>广州</option>
                    <option>深圳</option>
                </datalist>
            <input type="submit" value="提交">
        </form>
    </body>
</html>
